/*---------------------------------
copy from info_common
----------------------------------*/
/* 列表样式 */
.table_header {
	width: 100%
	overflow: hidden;
	*zoom: 1;
}
.table_header li {
	float: left;
	display: inline;
	color: #333;
	font-size: 13px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: #eaeaea;
}

.table_tr {
	width: 100%;
	border-bottom: #ccc;
	overflow: hidden;
	*zoom: 1;
}
.table_tr .table_td {
	float: left;
	display: inline;
	color: #333;
	font-size: 13px;
	height: 32px;
	line-height: 32px;
	text-align: center;
    overflow: hidden;
}
/* 重置label样式 */
.uniLabel {
    float: left;
    display: inline;
    width: 80px;
    height: 30px;
    line-height: 30px;
}
/* 重置select样式 */
select {
    min-width: 130px;
    height: 30px;
    border: 1px solid #ccc;
    outline: none;
}
/* 重置textarea样式 */
textarea {
    border: 1px solid #ccc;
    padding: 10px;
}
/* 通用灰色按钮 */
.common-btn-gray {
    display: inline-block !important;
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 20px !important;
    background: #f1f1f1 !important;
    border: none !important;
    margin: 0 15px !important;
    color: #000 !important;
}
/* 重置分页样式 */
.pages_params .pages_module {
    height: auto;
    overflow: hidden;
    padding-right: 10px;
}
.pages_params .pages_module .pages {
    float: left;
    display: inline;
}
.pages_params .pages_module .pages_params {
    float: right;
    display: inline;
    padding: 0;
}
.pages_params .pages_module .page_num {
    width: 50px;
    height: 28px;
    line-height: 28px;
}

/* 通用样式 */
.addPadding {
    padding: 20px 15px;
}
.fr {
    float: right;
    display: inline;
}
.green {
    color: #009900 !important;
}
.red {
    color: #ff2222 !important;
}
.orange {
    color: #ff6600;
}
.orangeLayer-msg {
    border: none !important;
    border-radius: 8px;
    background:rgba(0,0,0,0.5) none repeat scroll !important;
    background:#000\9 !important;
    filter:Alpha(opacity=20)\9 !important;
    color: #fff;
    text-align: center;
}

/*----------------
common css
------------------*/

.align-center {text-align: center;}
.float_left {float: left;}
.float_right {float: right;}
.input_field {border: 1px solid #ccc;}
select {padding: 5px 0 5px 3px;border: 1px solid #ccc;}
.error {color: #fc0c03;}
.orange {color: #f60;}
.margin_left_15 {margin-left: 15px;}
.btn_border {padding: 10px 15px;border: 1px solid #ccc;background: #eee;}
.pages_params .operate_sel.off,.pages_params .operate_sel.off:hover{background: #f60;}
.page_num {border: 1px solid #ccc;padding-left: 3px;margin-right: 5px; margin-left: 5px}

.hidden {display: none;}

/*弹窗layer common css*/
/*layer .css*/
/***
适应layer的弹窗iframe布局

***/
.layer_row {  margin-bottom: 20px;  }
.layer_row .input_field, .layer_row textarea {  padding: 5px;  width: 60%;  }
.layer_row textarea {  min-height: 70px;  vertical-align: middle;  }
.layer_row .input_field, .layer_row [type="checkbox"], .layer_row textarea, .layer_row select {  margin: 0 10px;  }
.layer_row select {  padding: 5px 10px;  }
.layer_row .btn {  border: 1px solid #ccc;  padding: 5px 15px;  }
.layer_row .text {  display: inline-block;  text-align: right;  width: 25%;  }
.layer_row label.error {display:block; margin-top: 5px;margin-left: 27%;}

.layer_form {margin: 20px 0;}
.layer_form .btn_wrap {margin-top: 30px;}
.layer_row.btn_wrap {text-align: center;}
.layer_row.btn_wrap .btn { display: inline-block;*display: inline;*zoom: 1;border: none;color: #fff;  cursor: pointer;  font-size: 14px;  font-weight: 700;  height: 30px;  line-height: 30px;  margin: 0 8px;  padding: 0 20px;  }
.layer_row.btn_wrap .yes_btn {background: #fd9826;}
.layer_row.btn_wrap .cancel_btn {background: #9a9a9a;}
/*--------------------
form css
----------------------*/
.form_row {margin: 25px 0;}
.form_row .text {display: inline-block;*display:inline;*zoom:1;width: 10%;margin-right: 20px;text-align: right;}
.form_row .text span {margin-right: 5px;}
.form_row .input_field {width: 35%;margin-right: 40px;}
.form_row .wrap {display: inline-block;*display:inline;*zoom:1;width: 70%;}
.form_row select {width: 130px;padding: 5px;}
.form_row .error {color: #fc0c03;}
.form_row label.error {display: block;margin-left: 12%;margin-top: 5px;}
/*--------------------
user_add css
----------------------*/
.user_new .wrapper {padding: 25px;border: 1px solid #ccc;}
.user_new .wrapper form .hr {width: 100%;height: 0;border-top: 1px solid #ccc;margin: 30px 0;}
.user_new .wrapper form fieldset {padding: 15px 0;margin: 25px 0;border: 1px solid #ccc;}
.user_new .wrapper form select {width: 120px;margin-right: 5px;}

.user_new .wrapper form input[type="submit"],
.user_new .wrapper .state_module .btn,
.user_grade .btn {padding: 10px 25px;border: 1px solid #f60;border-radius: 5px;color: #fff;background: #f60;}

/*--------------------
user_list css
----------------------*/
.user_list_module .search_module .input_field{width: 130px;margin: 0 8px;vertical-align: bottom;}
.user_list_module .search_module  select {vertical-align: bottom;}
.user_list_module .search_module .add {margin-left: 10px;}

.user_list_module .table_container {padding: 20px 10px;border: 1px solid #ccc;}
.user_list_module .table_container .table_header {}
.user_list_module .sort_module {position: relative;}
.user_list_module .search_module {position: absolute;left: 10px;padding: 15px 0;}
.user_list_module .state_module {margin-top: 37px;margin-bottom: 10px;}

.user_list_module .state_module .big_btn.active{border-bottom-color: #fff;background: #fff;}
.user_list_module .state_module .big_btn {position: relative;padding: 10px 15px;margin-right:10px;border: 1px solid #ccc;border-bottom-color: transparent;z-index: 9;}

.user_list_module .pages_params .set_grade {margin-right: 8px;padding: 4px 0;}

.user_container .user_item1 {width: 40px;}
.user_container .user_item2 {width: 150px;}
.user_container .user_item3 {width: 80px;}
.user_container .user_item4 {width: 70px;}
.user_container .user_item5 {width: 30px;}
.user_container .user_item6 {width: 100px;}
.user_container .user_item7 {width: 115px;}
.user_container .user_item8 {width: 115px;}
.user_container .user_item9 {width: 80px;}
.user_container .user_item10 {width: 80px;}
.user_container .user_item11 {width: 60px;}
.user_container .user_item12 {width: 177px;}
.user_container .user_item13 {width: 80px;}

.user_container .table_list .user_item10 {color: #bbb;}
.user_container .table_list .user_item10.on {color: #0c6;}

.user_container .table_list .user_item13 {color: #bbb;}
.user_container .table_list .user_item13.on {color: #0c6;}

.user_container .table_tr {border-bottom: 1px solid #f3f3f3;}
.user_container .table_tr .orange a {color: #f60;}

.pages_params .set_wrap {margin: 15px 0;}
/*--------------------
user_edit css
----------------------*/
.user_new .wrapper {position: relative;}
.user_new .wrapper .state_module {position: absolute;right: 20px;top: 30px;}
.user_new .wrapper .state_module  .content {padding: 30px 30px 30px 0;color: #bebebe;background: #666;}
.user_new .wrapper .state_module .btn {margin-left: 20px;}
.user_new .wrapper .state_module .btn.on {background: #0c3;border-color: #0c3;}
.user_new .wrapper .state_module .right_triangle {width: 0;height: 0;border: 39px solid #666;border-top-color: transparent;border-left-color: transparent;border-bottom-color: transparent;}
.user_new .wrapper .state_module .wrap {position: relative;}
.user_new .wrapper .state_module .wrap .right_triangle{position: absolute;left: -76px;top: 0;}

/*--------------------
user_edit css
----------------------*/

.user_grade .grade_module {padding: 30px 20px 50px 20px; border: 1px solid #ccc;}
.user_grade .grade_module .float_right {margin-bottom:20px;}
.user_grade .grade_module .table_header {background: #eaeaea;font-weight:bold;}
.user_grade .grade_module .table_header li{font-weight:bold;}
.user_grade .grade_module .table_container {border-left: 0;}
.user_grade .grade_module .table_container .table_tr{border-top: 1px solid #f3f3f3;}
.user_grade .grade_module .table_container .table_td{padding: 5px 0;}
.user_grade .grade_module .table_container .user_grade1{width: 170px}
.user_grade .grade_module .table_container .user_grade2{width: 500px}
.user_grade .grade_module .table_container .user_grade3{width: 140px}
.user_grade .grade_module .table_container .user_grade4{width: 70px}
.user_grade .grade_module .table_container .user_grade5{width: 200px}
